<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>多屏互动</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <script src="../../../../page-transitions/js/jquery.min.js"></script>

    <style>
        html, body {
            margin: 0;
            padding: 0;
        }
        body {
            font-family: 'Lato', Calibri, Arial, sans-serif;
            overflow: hidden;
        }
    </style>
</head>
<body>
<div style="width:100%;height:800px;" id="content_div"></div>
</body>
</html>
<script>
    $(document).ready(function(){
        var t1 = window.setInterval(function(){
            getPage();
        },3000);

    });
    function getPage(){
        var url = "/tPage/view/getPageIndex/1";
        $.ajax({
            type: 'get',
            url: url,
            dataType: "json",
            async: false,
            cache: true,
            success: function(data){

                if(data.code==200){
                    $("#content_div").html(data.data.content);
                    $("#content_div").hide();
                    $("#content_div").html(data.data.content);
                    $("#content_div").slideToggle(500);
                }else{
                    console.info(data.data.content);
                    $("#content_div").html(data.data.content);
                }
            },
            error: function(data){

            }
        });
    }

</script>